Not only an out-of-the-box multi-terminal chart library, but also a vivid and flexible data storyteller.

Not only a high-performance multi-dimensional data analysis form, but also a grid artist created between rows and columns.

VGrammar Data Magician

It is not only a visual grammar that generates thousands of charts, but also a data magician who turns boring into magic.

VRender Visual Rendering

Not only a visual rendering engine with rich functions, but also a handy pen.

VMind Smart Visualization Suit

Not just automatic, but also fantastic.

VStory Data Story Framework

Intelligent visual storytelling, data story creation framework.

VSeed Data Seed

VSeed, an elegant data composer, transforming complexity into simplicity.

!!!###!!!title=114-How to add a title and subtitle to a chart in VChart——VisActor/VChart FAQ documents!!!###!!!

How to add a title and subtitle to a chart in VChart?

Question Description

Seemly to this demo, I want to add a title description to the chart. How can I configure it?

Solution

In VChart, you only need to configure title.text and title.subtext. In addition, you can configure the style of the title and subtitle separately by using title.textStyle and title.subtextStyle:

title: {
    text: 'Line chart',
    subtext:
      'The line chart is a simple, two-dimensional chart with an X and Y axis, each point representing a single value.',
    textStyle: {
      fontSize: 20
    },
    subtextStyle: {
      fontStyle: 'italic'
    }
}

Code Example